// 1. 定义路由组件.
// 也可以从其他文件导入
import {createMemoryHistory, createRouter, RouteRecordRaw} from 'vue-router'
import ChinaView from "../views/china/IndexView.vue"
import IndiaView from "../views/india/IndexView.vue"
import ItalyView from "../views/italy/IndexView.vue"
// 2. 定义一些路由
const routes: Array<RouteRecordRaw> = [
  {
    name: 'china',
    path: '/',
    component: ChinaView
  },
    {
        name: 'india',
      path: '/india',
        component: IndiaView
    },
    {
        name: 'italy',
      path: '/italy',
        component: ItalyView
    },
  // 处理 404
  {path: '/:pathMatch(.*)*', redirect: "/"},
]
// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。
  // memory 模式。createMemoryHistory
  // hash 模式。createWebHashHistory
  // html5 模式。createWebHistory
  history: createMemoryHistory(),
  routes,
})

export default router